<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录页面</title>
    <script src="js/jquery-3.6.0.min.js"></script>
    <script>
        $(document).ready(function(){

        });
    </script>
    <style>
        .fromDiv {
            background: #cdcdcd;
            width: 500px;
            height: 300px;
            text-align:center;
            margin: 0 auto;
            padding-top: 50px;
        }

        .myButton{
            width: 270px;
            height: 35px;
            background-color: aqua;
        }

        .myA {
            color:green;
            font-size:15px;
            text-decoration : none;
        }
    </style>
</head>
<body>

<div>
    <div class="fromDiv">
        <form>
            <p>邮箱: <input type="text" name="firstname"></p>
            <p>密码: <input type="text" name="lastname"></p>
            <p><input type="button" value="登录" class="myButton"></p>
            <p><a href="register.html" class="myA">注册新账号</a></p>
        </form>
    </div>
</div>
</body>
</html>